.collection {
	@height: 30px;
	@icon-size: 16px;
	cursor: pointer;
	position: relative;
	padding-left: 5px;
	.cell {
		height: @height;
		.darken;
	}
	.icon {
		width: @icon-size;
	}
	.title {
		// font-size must be reset in .abs-mid-wrap
		font-size: 14px;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		padding-left: 10px;
	}
	.number {
		font-size: 12px;
		padding: 0 10px 0 5px;
	}
	&:hover, &.em, &.edit {
		background: #345;
	}
	&:hover, &.edit {
		.number {
			display: none;
		}
	}
	&.active {
		font-weight: bold;
		.cell {
			.clearDarken;
		}
	}
	&:not(:hover),&.dragging {
		.hpanel {
			display: none;
		}
	}
	.submit {
		color: inherit;
		background: transparent;
		border: 1px solid #899;
	}
}
